/* GENERAL SETTINGS */

body {
	background-color: #f2f2f2;
	margin: 0;
	padding: 0;
	font-family: 'skolarregular';
	font-size: 12px;
}

#page {
	width: 1032px;
	margin-left: auto; margin-right: auto;
}

*::selection {
	background:#d44967;
	color:#fdfdfd;
}

*::-moz-selection {
	background:#d44967;
	color:#fdfdfd;
}

*::-webkit-selection {
	background:#d44967;
	color:#fdfdfd;
}




/* COLORNAV CSS */

#top {
	height: 45px;
	background-color: #2b2b2b;
	color: #fdfdfd; font-family: 'open_sansregular', arial, sans-serif; font-size: 12px;
	padding-left: 15px; padding-right: 15px;
}

#colorNav > ul{
	display: block;
	float: right;
	margin: 0px 20px 0px 0px;
	font-family: 'open_sanssemibold', Arial, sans-serif;
}

#colorNav > ul > li{
	height: 30px; 
	padding-top: 15px;
	list-style: none;
	display: block;
	float: left;
	line-height: 1;
	border-radius: 3px;
	position:relative;
	font-family: 'open_sansregular', Arial, sans-serif;
	border-left: 1px solid #3a3a3a;
}

#colorNav > ul > li:last-child{
	border-right: 1px solid #3a3a3a;
}

#colorNav > ul > li:hover{
	background-color: #0e0e0e;
}

#colorNav > ul > li > a{
	color: #fdfdfd;
	text-decoration:none !important;
	font-size: 12px; font-family: 'open_sansregular', Arial, sans-serif;
	padding: 15px;
	width: 100px;
}

#colorNav li ul{
	position:absolute;
	list-style:none;
	width:180px;
	margin-left:-80px;
	font: 12px 'open_sansregular', sans-serif;

	/* This is important for the show/hide CSS animation */
	max-height:0px;
	overflow:hidden;

	-webkit-transition:max-height 0.5s linear;
	-moz-transition:max-height 0.5s linear;
	transition:max-height 0.5s linear;
}

#colorNav li:hover ul{
	max-height:500px;
}

#colorNav li ul li{
	background-color:#2b2b2b;
	border-bottom: 1px solid #484848;
}

#colorNav li ul li a{
	padding:12px;
	color:#fff !important;
	text-decoration:none !important;
	display:block;
}

#colorNav li ul li:nth-child(odd){ /* zebra stripes */
	background-color:#2b2b2b;
}

#colorNav li ul li:hover{
	background-color:#0e0e0e;
}

#colorNav li ul li:first-child{
	border-radius:3px 3px 0 0;
	margin-top:25px;
	position:relative;
}

#colorNav li ul li:first-child:before{ /* the pointer tip */
	content:'';
	position:absolute;
	width:1px;
	height:1px;
	border:5px solid transparent;
	border-bottom-color:#313131;
	left:50%;
	top:-10px;
	margin-left:-5px;
}

#colorNav li ul li:last-child{
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}

.notif{
	color: #d44967;
}

#top-left {
	float: left;
	line-height:45px;
	vertical-align: middle;
}



/* HEADER CSS */

#header{
	display: block;
	margin-top: 25px;
}

#menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-left: auto; margin-right: auto;
	font-family: 'open_sanssemibold', arial, sans-serif; font-size: 18px; text-align: center;
}

.list_menu_container{
	width: 160px; height: 55px;
	padding-top: 95px;
	background-color: #fdfdfd;
	float: left;
	margin-left: 0px; margin-right: 12px;
	color: #2b2b2b;
}

.list_menu_active{
	width: 160px; height: 55px;
	padding-top: 95px;
	background-color: #2b2b2b;
	float: left;
	margin-left: 0px; margin-right: 12px;
	color: #fdfdfd;
}

#list_menu_home{
	background-image: url(../../ressources/general/home.png);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}

#list_menu_home:hover{
	background-color: #2b2b2b;
	background-image: url(../../ressources/general/home_active.png);
	color: #fdfdfd;
}

#list_menu_calendar{
	background-image: url(../../ressources/general/calendar.png);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
#list_menu_calendar:hover{
	background-color: #2b2b2b;
	background-image: url(../../ressources/general/calendar_active.png);
	color: #fdfdfd;
}

#list_menu_homework{
	background-image: url(../../ressources/general/homework.png);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}

#list_menu_homework:hover{
	background-color: #2b2b2b;
	background-image: url(../../ressources/general/homework_active.png);
	color: #fdfdfd;
}

#list_menu_files{
	background-image: url(../../ressources/general/files.png);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}

#list_menu_files:hover{
	background-color: #2b2b2b;
	background-image: url(../../ressources/general/files_active.png);
	color: #fdfdfd;
}

#list_menu_groups{
	background-image: url(../../ressources/general/groups_active.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#list_menu_messages{
	background-image: url(../../ressources/general/messages.png);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}

#list_menu_messages:hover{
	background-color: #2b2b2b;
	background-image: url(../../ressources/general/messages_active.png);
	color: #fdfdfd;
}




/* OPTIONS CSS */

#options{
	width: 1032px; height: 50px;
	display: block;
	float: left;
	padding-top: 20px;
}

#options_left{
	float: left;
}

#options_right{
	float: right;
}

#options #options_left a{
	display: block;
	float: left;
	height: 32px;
	margin-right: 15px;
	padding-left: 13px; padding-right: 13px;
	font-family: 'proxima_nova_rgregular'; font-size: 13px; color: #f2f2f2; 
	background-color: #d44967;
	text-decoration: none;
	line-height:32px;
	vertical-align: middle;
	border-radius: 5px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}

#options #options_left a:hover{
	background-color: #2b2b2b;
	color: #f2f2f2;
}



/* FILES CSS */

#files{
	display: block;
	float: left;
	margin-bottom: 70px;
	padding: 55px 40px 40px 40px;
	width: 943px; height: 1875px;
	border: #d0d0d0 solid 1px;
}

.course{
	display: block;
	width: 840px; height: 200px;
	background-color: #f4f4f4;
	border: #e4e4e4 solid 1px;
	margin-left: auto; margin-right: auto; margin-bottom: 50px;
	padding: 30px 30px 30px 30px;
}

.course_left{
	display: block;
	float: left;
	width: 141px;
	height: 200px;
}

.course_right{
	display: block;
	float: right;
	margin-top: 0px; margin-right: 0px; margin-bottom: 50px; margin-left: 25px;
	width: 650px; height: 200px;
	color: #515151;
}

.icon{
	width: 141px; height: 155px;
	display: block;
	float: left;
	background-image: url(../../ressources/files/icon.png);
	margin-bottom: 20px;
	line-height: 155px; vertical-align: middle;
	text-align: center;
	font-family: 'proxima_nova_rgbold'; font-size: 25px; color: #d44967;
}

.progression{
	width: 141px; height: 9px;
	display: block;
	float: left;
	background-image: url(../../ressources/files/progression_1.png);
}

.course_content h2{
	margin: 0px; padding: 0px;
	font-family: 'proxima_novasemibold'; font-size: 15px; color: #d44967;
	font-weight: normal;
}

.course_content h1{
	margin: 0px; padding: 0px;
	font-family: 'skolarregular'; font-size: 30px; color: #515151;
	line-height: 30px;
	font-weight: normal;
}

.course_content h3{
	margin: 0px; padding: 0px;
	font-family: 'skolarregular'; font-size: 20px; color: #959595;
	font-weight: normal;
}

.course_content span{
	color: #d44967;
}

.course_content hr{
	height: 1px;
	border: 0px;
	background-color: #c5c5c5;
	color: #c5c5c5;
}

.course_content img{
	display: block;
	margin-left: auto; margin-right: auto;
}

.course_content .icon_infos{
	display: block;
	float: left;
	margin-top: 10px; margin-right: 5px;
}

.course_content .infos{
	display: block;
	float: left;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	font-family: 'proxima_novasemibold', Arial, sans-serif; font-size: 12px;
}

.course_content .infos_items{
	display: block;
	float: left;
	margin-right: 10px;
}

.course_content p{
	margin-top: 0px;
	float: left;
	font-family:''; font-size: 18px; color: #515151;
}

.button{
	display: block;
	float: left;
	height: 32px;
	margin-right: 15px;
	padding-left: 13px; padding-right: 13px;
	font-family: 'proxima_nova_rgregular'; font-size: 13px; color: #f2f2f2; 
	background-color: #d44967;
	text-decoration: none;
	line-height:32px;
	vertical-align: middle;
	border-radius: 5px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}

.button:hover{
	background-color: #2b2b2b;
	color: #f2f2f2;
}



/* DEADLINES */

.deadline{
	width: 900px; height: 335px;
	margin-left: auto; margin-right: auto; margin-bottom: 50px;
	border: #d0d0d0 solid 1px;
}

.deadline_title{
	width: 885px; height: 42px;
	margin-top: 0px; margin-left: 0px; margin-right: 0px;
	padding-left: 15px;
	background-color: #edecec;
	border-bottom: #d0d0d0 solid 1px;
	line-height: 42px; vertical-align: middle;
	font-family: 'proxima_nova_rgbold'; font-size: 13px; color: #8b8b8b;
}

.deadline_content_left{	
	display: block;
	float: left;
	width: 420px; 
	margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px;
	padding: 30px 15px 15px 15px;
}

.deadline_content_right{
	display: block;
	float: right;
	width: 420px; 
	margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px;
	padding: 30px 15px 30px 15px;
}

h4{
	margin: 0px 0px 5px 0px;
	font-family: 'skolarregular'; font-size: 15px; color: #515151;
	font-weight: normal;
}

hr{
	height: 1px;
	border: 0px;
	background-color: #c5c5c5;
	color: #c5c5c5;
}

.deadline_content_left form{
	display: block;
	float: left;
}

.deadline_content_right form{
	display: block;
	float: left;
}

input{
	margin-right: 10px;
}

.infos{
	display: block;
	float: left;
	margin-bottom: 10px;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	font-family: 'proxima_novasemibold', Arial, sans-serif; font-size: 12px; color: #959595;
	margin-bottom: 5px;
}

.icon_infos{
	display: block;
	float: left;
	margin-top: 10px; margin-right: 5px;
}

.infos_items{
	display: block;
	float: left;
	margin-right: 10px;
}

.deadline_content_left img, .deadline_content_right img{
	display: block;
	float: left;
}




/* WALL CSS */

.wall{
	width: 900px; height: 1150px;
	margin-left: auto; margin-right: auto; margin-bottom: 50px;
	border: #d0d0d0 solid 1px;
}

.new_message{
	margin-left: auto; margin-right: auto; margin-top: 20px;
	width: 700px;
}

.new_message img{
	display: block;
	float: left;
	margin-right: 15px; margin-top: 5px;
}

.new_message textarea{
	display: block;
	float: left;
	width: 593px; height: 25px;
	padding: 8px 10px;
	border-radius: 3px;
	border: 1px solid #abadb3;
	background-color: #f8f8f8;
	font-family: 'skolaritalic'; font-size: 13px; color: #ababab;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}

.new_message textarea:focus{
	border: 1px solid #d44967;
	box-shadow: 0px 0px 5px #9f9f9f;
}

.new_message textarea:active{
	border: 1px solid #d44967;
	box-shadow: 0px 0px 5px #9f9f9f;
}

.conversation{
	display: block;
	float: left;
	margin-bottom: 40px;
}

.message{
	display: block;
	margin-left: auto; margin-right: auto;
	width: 790px;
	margin-top: 60px;
}

.message_author{
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	height: 36px; line-height: 36px; vertical-align: middle;
}

.message img{
	display: block;
	float: left;
	margin-right: 10px;
}

.message h5{
	display: block;
	float: left;
	font-family: 'skolarregular'; font-size: 19px; color: #515151; font-weight: normal;
	margin: 5px 25px 0px 0px;
}

.message p{
	display: block;
	float: left;
	margin: 5px 25px 0px 0px;
	text-decoration: underline;
	font-family: 'skolarregular'; font-size: 13px; color: #939393;
}

.message .reply{
	color: #d44967;
	text-decoration: none;
}

.message_content{
	display: block;
	float: left;
	width: 750px;
	margin-top: 5px;
	padding: 15px 20px;
	border-radius: 3px;
	border: 1px solid #abadb3;
	background-color: #f6f6f6;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}

.message_content p{
	font-family: 'skolarregular'; font-size: 13px; color: #ababab;
	text-decoration: none;
	margin: 0px; padding: 0px;
}

.answer{
	display: block;
	float: right;
	margin-top: 30px;
}

.answer_author{
	display: block;
	float: right;
	width: 790px;
	margin: 0px 0px 0px 0px;
	height: 36px; line-height: 36px; vertical-align: middle;
}

.answer img{
	display: block;
	float: left;
	margin-right: 10px;
}

.answer h5{
	display: block;
	float: left;
	font-family: 'skolarregular'; font-size: 19px; color: #515151; font-weight: normal;
	margin: 5px 25px 0px 0px;
}

.answer p{
	display: block;
	float: left;
	margin: 5px 25px 0px 0px;
	text-decoration: underline;
	font-family: 'skolarregular'; font-size: 13px; color: #939393;
}

.answer .reply{
	color: #d44967;
	text-decoration: none;
}

.answer_content{
	display: block;
	float: right;
	width: 700px;
	margin-top: 5px; margin-right: 50px;
	padding: 15px 20px;
	border-radius: 3px;
	border: 1px solid #abadb3;
	background-color: #f6f6f6;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}

.answer_content p{
	font-family: 'skolarregular'; font-size: 13px; color: #ababab;
	text-decoration: none;
	margin: 0px; padding: 0px;
}























